<!--
 * @Author: liu-tiezhu1 1471528799@qq.com
 * @Date: 2023-11-25 11:24:23
 * @LastEditors: liu-tiezhu1 1471528799@qq.com
 * @LastEditTime: 2023-11-25 16:41:18
 * @FilePath: \customer-relations\src\views\Message\Sysinfo\Syslist\yiduList.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <el-table :data="data" border style="width: 100%">
    <el-table-column label="消息内容">
      <template #default="scope">
        <el-tag>{{ scope.row.apprKe_id }}</el-tag>
        <el-tag>{{ scope.row.appr_type }}</el-tag>
      </template>

    </el-table-column>
    <el-table-column prop="request_fasor" label="发送人" width="180" />
    <el-table-column prop="request_dates" label="消息时间" width="180" />
  </el-table>

  <div class="yuyuyu">
    <el-pagination background layout="total, sizes, prev, pager, next, jumper" :total="totle"
      :page-sizes="[10, 20, 30, 40]" @current-change="page => lodaDate(page)" />
  </div>
</template>

<script setup lang="ts">
import { messageXtong } from '../hooks'

const [data, totle, lodaDate] = messageXtong()


</script>

<style lang="scss" scoped>
.yuyuyu {
  width: 700px;
  margin: auto;
  margin-top: 15px;
}
</style>